// index.js
// 获取应用实例
const app = getApp()

Page({
  data: {
    photos: [
      {url: 'http://m.qpic.cn/psc?/V51yLbJD2LeiI12TDDCK4eeMpx2rcq88/45NBuzDIW489QBoVep5mcb8zmedKNUrKtBdDqTY.x2nMv9zLmaAHcukBc1cdZJoofWItWZsWLqlXjJGsSzIIV.DcO8RWZHrIou*3cJZpJk4!/b&bo=IQNDBAAAAAADF1c!&rf=viewer_4'},
      {url: 'http://m.qpic.cn/psc?/V51yLbJD2LeiI12TDDCK4eeMpx2rcq88/45NBuzDIW489QBoVep5mcb8zmedKNUrKtBdDqTY.x2myo2GVw7pPrsK81lBO.2tuKHCjA6YFAh*eP6HdLN9rsSEwiktvBTR4zj56rQZJLc8!/b&bo=LAVtAgAAAAADF3Q!&rf=viewer_4'},
      {url: 'http://m.qpic.cn/psc?/V51yLbJD2LeiI12TDDCK4eeMpx2rcq88/45NBuzDIW489QBoVep5mcYTDzP7aCj6HAAzvscJcWhBulEOVq4Cib6ZZnFiSeglPlqjR54NvacCfiqOKVuZ13qOuR35TkLqNi3y0*bmYvYs!/b&bo=UQIgAwAAAAAAF0E!&rf=viewer_4'},
      {url: 'http://m.qpic.cn/psc?/V51yLbJD2LeiI12TDDCK4eeMpx2rcq88/45NBuzDIW489QBoVep5mcYTDzP7aCj6HAAzvscJcWhBulEOVq4Cib6ZZnFiSeglPlqjR54NvacCfiqOKVuZ13qOuR35TkLqNi3y0*bmYvYs!/b&bo=UQIgAwAAAAAAF0E!&rf=viewer_4'},
      {url: 'http://m.qpic.cn/psc?/V51yLbJD2LeiI12TDDCK4eeMpx2rcq88/45NBuzDIW489QBoVep5mcYTDzP7aCj6HAAzvscJcWhBulEOVq4Cib6ZZnFiSeglPlqjR54NvacCfiqOKVuZ13qOuR35TkLqNi3y0*bmYvYs!/b&bo=UQIgAwAAAAAAF0E!&rf=viewer_4'},
      {url: 'http://m.qpic.cn/psc?/V51yLbJD2LeiI12TDDCK4eeMpx2rcq88/45NBuzDIW489QBoVep5mcYTDzP7aCj6HAAzvscJcWhBulEOVq4Cib6ZZnFiSeglPlqjR54NvacCfiqOKVuZ13qOuR35TkLqNi3y0*bmYvYs!/b&bo=UQIgAwAAAAAAF0E!&rf=viewer_4'},
      {url: 'http://m.qpic.cn/psc?/V51yLbJD2LeiI12TDDCK4eeMpx2rcq88/45NBuzDIW489QBoVep5mcYTDzP7aCj6HAAzvscJcWhBulEOVq4Cib6ZZnFiSeglPlqjR54NvacCfiqOKVuZ13qOuR35TkLqNi3y0*bmYvYs!/b&bo=UQIgAwAAAAAAF0E!&rf=viewer_4'},
    ],
    // 被选中的图片用于显示
    choosed: null,
    // 选中图片的地址
    singleURL: null,
    // 显示框是否为激活状态
    isActive: false,
    hasUserInfo: false,
    canIUse: wx.canIUse('button.open-type.getUserInfo'),
    canIUseGetUserProfile: false,
    canIUseOpenData: wx.canIUse('open-data.type.userAvatarUrl') && wx.canIUse('open-data.type.userNickName'), // 如需尝试获取用户信息可改为false
    canIUse: wx.canIUse('button.open-type.getUserInfo'),
    backgroundurl: "http://m.qpic.cn/psc?/V51yLbJD2LeiI12TDDCK4eeMpx2rcq88/45NBuzDIW489QBoVep5mcb8zmedKNUrKtBdDqTY.x2nMv9zLmaAHcukBc1cdZJoofWItWZsWLqlXjJGsSzIIV.DcO8RWZHrIou*3cJZpJk4!/b&bo=IQNDBAAAAAADF1c!&rf=viewer_4",
    diyurl: "http://m.qpic.cn/psc?/V51yLbJD2LeiI12TDDCK4eeMpx2rcq88/45NBuzDIW489QBoVep5mcYTDzP7aCj6HAAzvscJcWhBulEOVq4Cib6ZZnFiSeglPlqjR54NvacCfiqOKVuZ13qOuR35TkLqNi3y0*bmYvYs!/b&bo=UQIgAwAAAAAAF0E!&rf=viewer_4",
    cameraurl: "http://m.qpic.cn/psc?/V51yLbJD2LeiI12TDDCK4eeMpx2rcq88/45NBuzDIW489QBoVep5mcVvVVhD*DNAUzwbt2ZRcX*x*oou4ou.cLnkaVZC*BQro2zyYbqDdKfSO3Ure4R2dVcrToRUDDBIeggGnOPGL7.U!/b&bo=3AG7AQAAAAAAF1Y!&rf=viewer_4",
    logo: "http://m.qpic.cn/psc?/V51yLbJD2LeiI12TDDCK4eeMpx2rcq88/45NBuzDIW489QBoVep5mcb8zmedKNUrKtBdDqTY.x2myo2GVw7pPrsK81lBO.2tuKHCjA6YFAh*eP6HdLN9rsSEwiktvBTR4zj56rQZJLc8!/b&bo=LAVtAgAAAAADF3Q!&rf=viewer_4"
  },
  //调节显示框大小
  // 获取点击的位置的id，将这个id传进去获得对应的url
  returnIndex(e){
    console.log(e.currentTarget.index);
    console.log(this.data.photos[1].url);
    console.log('wwwwww');
    console.log(e);
    // console.log(e.currentTarget.dataset.id);
    // return this.item.index
  },
  choose(e){
    console.log('88888888');
    console.log(e);
    // this.setData({
    //   singleURL : this.index,
    //   choosed : this.singleURL,
    //   isActive: true
    // });
  },

  diy(){
    wx.chooseImage({
      count: 1,
      sizeType: ['original', 'compressed'],
      sourceType: ['album'],
      success (res) {
        // tempFilePath可以作为img标签的src属性显示图片
        let first = photos[0].url;
        let tempFilePaths = res.tempFilePaths;
        // 将各图片后移，新加的放第一个
        for(let i = 0;i<this.data.photos.lenth;i++){
          this.data.photos[i+1] = this.data.photos[i]

        }
        this.data.photos[0].url = first
        this.setData({
          photos : this.data.photos
        })
      }
    })
  },
  // 事件处理函数
  bindViewTap() {
    // 从客户端会话选择文件
    // wx.chooseMessageFile({
    //   count: 10,
    //   type: 'image',
    //   success (res) {
    //     // tempFilePath可以作为img标签的src属性显示图片
    //     const tempFilePaths = res.tempFiles
    //   }
    // })

    //调用相机拍照或从相册选择
    // wx.chooseImage({
    //   count: 1,
    //   sizeType: ['original', 'compressed'],
    //   sourceType: ['album', 'camera'],
    //   success (res) {
    //     // tempFilePath可以作为img标签的src属性显示图片
    //     const tempFilePaths = res.tempFilePaths
    //   }
    // })

    //预览图片
    // wx.previewMedia({

    // })

    //保存图片到系统相册
    // wx.saveImageToPhotosAlbum({
    //   success(res) { }
    // })

    //在新页面中全屏预览图片。预览的过程中用户可以进行保存图片、发送给朋友等操作
    // wx.previewImage({
    //   current: '', // 当前显示图片的http链接
    //   urls: [] // 需要预览的图片http链接列表
    // })
  },
  camera(){
    // 可以通过 wx.getSetting 先查询一下用户是否授权了 "scope.camera" 这个 scope
    wx.getSetting({
      success(res) {
        if (!res.authSetting['scope.camera']) {
          wx.authorize({
            scope: 'scope.camera',
            success () {
            // 用户已经同意小程序使用照相功能，后续调用 wx.startRecord 接口不会弹窗询问
              wx.chooseImage()
        }
      })
    }
  }
})
  },
  // background(){
  //   wx.previewImage({
  //     current: '', // 当前显示图片的http链接
  //     urls: [] // 需要预览的图片http链接列表
  //   })
  // },
  onLoad() {
    this.setData({
      choosed: this.data.photos[0].url
    })
    // wx.checkSession({
    //   success () {
    //     //session_key 未过期，并且在本生命周期一直有效
    //   },
    //   fail () {
    //     // session_key 已经失效，需要重新执行登录流程
    //     wx.getSetting({
    //       success(res) {
    //         if (!res.authSetting['scope.userInfo']) {
    //           wx.authorize({
    //             scope: 'scope.userInfo',
    //             success () {
    //             wx.getUserInfo()
    //         }
    //       })
    //     }
    //   }
    // })
  },
  bindGetUserInfo (e) {
    console.log(e.detail.userInfo)
  },
  getUserProfile(e) {
    // 推荐使用wx.getUserProfile获取用户信息，开发者每次通过该接口获取用户个人信息均需用户确认，开发者妥善保管用户快速填写的头像昵称，避免重复弹窗
    wx.getUserProfile({
      desc: '展示用户信息', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
      success: (res) => {
        console.log(res)
        this.setData({
          userInfo: res.userInfo,
          hasUserInfo: true
        })
      }
    })
  }
  // getUserInfo(e) {
  //   // 不推荐使用getUserInfo获取用户信息，预计自2021年4月13日起，getUserInfo将不再弹出弹窗，并直接返回匿名的用户个人信息
  //   console.log(e)
  //   this.setData({
  //     userInfo: e.detail.userInfo,
  //     hasUserInfo: true
  //   })
  // }
})
